// import HomeView from '@/views/HomeView.vue'
// import NotFindView from '@/views/NotFindView.vue'
// import SearchView from '@/views/SearchView.vue'
import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
// 创建路由实例
const router = createRouter({
  // 路由模式1：hash路由模式 地址栏上 #/标识
  // history: createWebHashHistory(), 
  // 路由模式2：普通路由模式 history 地址栏上没有 #/标识
  history: createWebHistory(),
  // 配置路由表
  routes: [
    { path: '/find', component: () => import('@/views/FindView.vue') },
    { path: '/my', component: () => import('@/views/MyView.vue') },
    { path: '/friend', component: () => import('@/views/FriendView .vue') },
    // component: HomeView方式在一开始就会被引入，导致首页加载慢，任务量大，需要改成懒加载: ()=>import('@/views/HomeView.vue')
    // { path: '/home', component: HomeView },
    // 路由懒加载：import导入的方式在页面需要用到的时候才开始加载
    { path: '/home', component: () => import('@/views/HomeView.vue') },


    // 查询参数传参方式：
    // {path:'/search',component:SearchView},
    // 可选动态路由参数传参方式： 避免无参数时页面空白，就在参数后面加问号?   如：keyword?
    // name：name命名路由跳转
    { name: 'SearchView', path: '/search/:keyword?', component: () => import('@/views/SearchView.vue') },
    // redirect 重定向，避免首页白屏，重新跳转到指定页面/home  防止网页打开时， url 默认是 / 路径，未匹配到组件时，会出现空白
    { path: '/', redirect: '/home' },
    // 404页面 避免路径不存在时白屏  :pathMatch(.*)*
    { path: '/:pathMatch(.*)*', component: () => import('@/views/NotFindView.vue') }
  ]
})
//导出了路由实例
export default router